{% extends 'base.html.twig' %}

{% block stylesheets %}
	<style>
		.btn1{
			width: 100px;
			height: 100px;
			background-color: red;
		}
		.demo2{
			width: 300px;
			height:300px;
			background-color: blue;
		}
	</style>
{% endblock %}

{% block body %}
	<button class="btn1">
		
	</button>
	<div class="demo2">
		{# {% set kms = 5 %}
		{{ kms }} #}
		
	</div>
{% endblock %}

{% block javascripts %}
	<script>
	$(function(){
		var numKms=2000;
		$('.btn1').click(function(){
			window.location.href = '{{ urlFor("test") }}?kms=' + numKms;
		});
	});
	</script>
{% endblock %}